//引入公用颜色
@import "../../assets/styles/global.scss";

.title1{
    height: 60px;
    & >img{
        height: 18px;
        width: 18px;
        margin-left: -150px;
        margin-top: 20px;
    }
    .title-text{
        float: left;
        margin-left: 50px;
        font-size: 13px;
        color: cornflowerblue;
    }
}
.formContent{
    width: 40%;
    margin: auto;
    height: 600px;
    & > form {
        &> div {
            height: 60px;
            padding-top: 20px;
            & > label, & > input {
                margin-top: 10px;
                display: inline-block;
                vertical-align: middle;
            }
            & > label {
                width: 5rem;
                color: $form_font_color;
                text-shadow: 0 1px 0 hsla(0, 0%, 24%, 0.3);
            }
            & > input {
                background-color: rgba(255, 255, 255, 0.8);
                width: 400px;
                color: $theme_color;
                &:focus {
                    background-color: rgba(255, 255, 255, 1);
                    }
            }
            & > select {
                margin-top: 10px;
                background-color: rgba(255, 255, 255, 0.8);
                width: 400px;
                color: $theme_color;
                &:focus {
                    background-color: rgba(255, 255, 255, 1);
                    }
            }
        }
        .formButton{
            float: right;
            margin-right: 25px;
            &>button{
                margin-top: 40px;
                margin-left: 20px;
                width: 100px;
                height: 46px;
                border-radius: 10px;
                text-align: center;
                background-color: $theme_color;
            }
        }
    }
}
